<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zoff</title>
    <link rel="stylesheet" href="/zoff/css/reset.css">
    <link rel="stylesheet" href="/zoff/css/common.css">
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <header>
            <div class="navbar">
                <a class="navbar-brand" href="#"></a>
                <ul class="navbar-left">
                    <li class="navbar-li drop">
                        <span>商&nbsp;品</span>
                        <i class="triangle-down"></i>
                        <div id="goods-downslider">
                            <ul>
                                <span class="triangle-up"></span>

                                <li>
                                    <a href="#">女士眼镜</a>
                                </li>
                                <li>
                                    <a href="#">男士眼镜</a>
                                </li>
                                <li>
                                    <a href="#">儿童眼镜</a>
                                </li>
                                <li>
                                    <a href="#">太阳眼镜</a>
                                </li>
                                <li>
                                    <a href="#">合作款</a>
                                </li>
                                <li>
                                    <a href="#">镜片</a>
                                </li>
                                <li>
                                    <a href="#">PC套装</a>
                                </li>
                                <li>
                                    <a href="#">全部商品</a>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="navbar-li">
                        <a href="#">店铺信息</a>
                    </li>
                    <li class="navbar-li">
                        <a href="#">关于Zoff</a>
                    </li>
                </ul>
                <div class="navbar-right">
                    <i class="iconfont icon-fangdajing"></i>
                    <i class="iconfont icon-diqiu01"></i>
                    <a href="#">天猫旗舰店</a>
                </div>
            </div>
        </header>
        <div class="m-wrap">
                <div class="m-content">

                </div>
            </div>
        <footer>
            <section>
                <aside class="footer-left">
                    <ul>
                        <h3>商品一览</h3>
                        <li>
                            <a href="#">女士眼镜</a>
                        </li>
                        <li>
                            <a href="#">男士眼镜</a>
                        </li>
                        <li>
                            <a href="#">儿童眼镜</a>
                        </li>
                        <li>
                            <a href="#">太阳眼镜</a>
                        </li>
                        <li>
                            <a href="#">合作款</a>
                        </li>
                        <li>
                            <a href="#">镜片</a>
                        </li>
                        <li>
                            <a href="#">PC套装</a>
                        </li>
                        <li>
                            <a href="#">全部商品</a>
                        </li>
                    </ul>
                    <ul>
                        <h3>品牌介绍</h3>
                        <li>
                            <a href="#">关于Zoff</a>
                        </li>
                        <li>
                            <a href="#">招聘信息</a>
                        </li>
                        <li>
                            <a href="#">联系方式</a>
                        </li>
                    </ul>
                    <ul>
                        <h3>顾客服务</h3>
                        <li>
                            <a href="#">质量保证</a>
                        </li>
                        <li>
                            <a href="#">Q&A</a>
                        </li>
                    </ul>
                    <ul>
                        <h3>店铺信息</h3>
                        <li>
                            <a href="#">店铺列表</a>
                        </li>
                        <li>
                            <a href="#">最新动态</a>
                        </li>
                    </ul>
                </aside>
                <aside class="footer-right">
                    <div class="icon-wrap">
                        <a href="javascript:void(0)">
                            <img src="/zoff/image/wechat.png">
                            <div class="qcode">
                                <i class="triangle-up"></i>
                                <img src="/zoff/image/qcode.jpg" >
                                <p>关注Zoff官方微信</p>
                            </div>
                        </a>
                        <a href="https://zoffyj.tmall.com/" target="_blank">
                            <img src="/zoff/image/tiaomao.png">
                        </a>
                        <a href="https://weibo.com/zoffcn" target="_blank">
                            <img src="/zoff/image/weibo.png">
                        </a>
                    </div>
                </aside>
            </section>
            <p class="copyright">
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?COLLCC=3438714770&recordcode=31010502000977"
                    target="_blank">沪公网安备：31010502000977号</a>&nbsp;&nbsp;&nbsp;&nbsp;Copyright © 2011 Intermestic
                Inc.
                All
            </p>
        </footer>
    </div>
</body>
</html>
